﻿<?php 
	require_once './config.php';
	$mobile = f_isMobile();
	$lang = getCurLang();
?>
<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>Oktoberfestvietnam 2013</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<base href="<?php echo $base; ?>" />
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDjNGpddGP6PxIfShzMfEalHbP7KWBmv78&sensor=false"></script>
	<script type="text/javascript" src="js/gmap.js"></script>
		
	<script src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.validate.js"></script>

	
	<script src="js/jquery.mobile-1.3.1.min.js"></script>
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.css">
	
	<script src="js/jquery-ui.js"></script>
	<script src="js/wmc.js"></script>

	<link rel="stylesheet" href="css/jquery-ui.css">
	
	<!-- 1140px Grid styles for IE -->
	<!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->
	
	<!-- The 1140px Grid - http://cssgrid.net/ -->
	<link rel="stylesheet" href="css/queryLoader.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" />
	
	<!-- Your styles & javascript-->	
	
	<link rel="stylesheet" href="css/site.css" type="text/css">	
	<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/animate.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery.countdown.js"></script>
	<link rel="stylesheet" href="css/jquery.countdown.css">
	<?php if($mobile == 'computer'): ?>
			<link rel="stylesheet" href="css/computer.css" type="text/css">
			<link rel="stylesheet" href="css/flexslider.css" type="text/css">
			<script type="text/javascript" src="js/flexslider.js"></script>
			<!-- <link rel="stylesheet" href="css/tablet.css" type="text/css"> -->
	<?php endif; ?>	
	<?php if($mobile == 'phone'): ?>
			<link rel="stylesheet" href="css/mobile.css" type="text/css">
			<link rel="stylesheet" href="css/flexslider_mobile.css" type="text/css">
			<script src="js/jquery.flexslider.js"></script>
	<?php endif; ?>	
	<?php if($mobile == 'tablet'): ?>
		<link rel="stylesheet" href="css/tablet.css" type="text/css">
		<link rel="stylesheet" href="css/flexslider_mobile.css" type="text/css">
		<script src="js/jquery.flexslider.js"></script>	
	<?php endif; ?>
	
	<script type="text/javascript">
	
	$(function () {
		austDay = new Date(2013, 10 - 1, 11,18);
		$('.txtCountdown').countdown({until: austDay,format:'dHM',
			labels: ['Yr', 'Mo', 'Wk', '', '', '', 'Sc'],
		});
		
	});
	</script>   
</head>

<body>
<?php if($mobile != 'phone'): ?>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=488769844509588";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<?php endif;?>
	<a class="link" href="#page6" style="color: #FFFFFF;text-decoration: none;">	
		<div data-position="fixed" id="sponsorTab" class="sponsorTab">
			<div id="sponsorTabInner" class="sponsorTabInner">
				<?php echo languageDecode('CLICK_HERE_TO_BECOME_A_SPONSOR') ?>
			</div>
		</div>
	</a>
	
	<a style="display:none;" id="btt" class="link to-home" href="#home">
		<div id="backtotop">
			<img = src="images/backtotop.png" />
		</div>
	</a>
	<div data-role="page">
		<div data-role="content">
			<div class="container home" id="home">
				
				<div class="row logo">
					<div class="twocol"></div>
					<div class="eightcol">
						<a href="http://windsorplazahotel.com" target="_blank">
							<img src="images/lg_windsor.png" /></a>
						<a href="http://oktoberfestvietnam.com" target="_blank">
							<img src="images/lg_oktoberfest.png" /></a>
						<a href="http://www.gba-vietnam.org/" target="_blank">
							<img src="images/lg_gba.png" /></a>
					</div>
					<div class="twocol last"></div>
				</div>
				
				<div class="row">
					<div class="twocol">
						
					</div>
					<div class="eightcol lg_home">
						<a class="linkAbout" href="#page2"><img id="lg_banner" class="animated" src="./images/lg_home.png" /></a>
					</div>
					<div class="twocol last">
					</div>
				</div>
			</div>
			<div class="container ftr_home">
				<div class="row">
					
				</div><!-- end div.row-->
			</div><!-- end div.container-->
			<div class="container ft_home">
				<div class="row">
					<div class="onecol"></div>
					<div class="tencol countdown">
						<div class="txtCountdown <?php echo languageDecode('21ST_OTK_CLASS_TXT_COUNTDOWN'); ?>"></div>

					</div>
					<div class="onecol last"></div>
				</div><!-- end div.row-->
			</div><!-- end div.container-->
		
			<!-- End first page -->
			<div class="container menu">
				<div class="row">
					
					<div class="twelvecol last">
						<?php if($mobile != 'computer'): //mobile?>
							<ul id="menu" class="mobile" style="">
								<li style="float:left;" class="panel-menu"><a href="#defaultpanel">Default panel</a></li>
								<li class="language">
									<a data-ajax="false" href="vi/">VN</a> | 
									<a data-ajax="false" href="en/">EN</a></li>
							</ul>
						<?php else: ?>
							 <ul id="menu" class="mobile" style="">
								<li class="lione"><a class="linkAbout" href="#page2"><?php echo languageDecode('MENU_ABOUT') ?></a></li>
								<li class="litwo"><a class="link to-banner" href="#page3"><?php echo languageDecode('MENU_EVENT_INFORMATION') ?></a></li>
								<li class="lithree"><a class="link to-banner" href="#page5"><?php echo languageDecode('MENU_SPONSORSHIP') ?></a></li>
								<li class="lifour"><a class="link to-banner" href="#page7"><?php echo languageDecode('MENU_GALLERY') ?></a></li>
								<li class="lifive"><a class="link to-banner" href="#page8"><?php echo languageDecode('MENU_CONTACT') ?></a></li>
								<li class="lisix"><a class="link to-banner" href="#page6"><?php echo languageDecode('MENU_BECOME_A_SPONSOR') ?></a></li>
								<li style="background:none;" class="liseven">
								<a style="padding:0px;" data-ajax="false" href="vi/">VN</a> | 
									<a style="padding:0px;" data-ajax="false" href="en/">EN</a></li>
								
							</ul> 
						<?php endif; ?>
					</div>
					
				</div>
			</div>
		
			<div class="container page2" id="page2">
				<div class="row" style="height: 50px;"></div>
				<div class="row">
					<div class="threecol"></div>
					<div class="sixcol lg_page2">
						<div class="imgCenter"><img src="./images/logo.png" /></div>
					</div>
					<div class="threecol last"></div>
				</div>
				<div class="row">
					<div class="twocol"></div>
					<div class="eightcol content_page2">
						<div class="onecol"></div>
						<div class="tencol">
							<?php echo languageDecode('21ST_OTK_DES') ?>
							<div class="dotted"></div>
						
							<div class="<?php echo languageDecode('21ST_OTK_CLASS_F'); ?>">
							<h1><?php echo languageDecode('21ST_OTK_WHEN') ?></h1></div>
							<div style="" class="<?php echo languageDecode('21ST_OTK_CLASS_L'); ?> last">
								
								<div class="sevencol" style="float:left;">
								<?php echo languageDecode('21ST_OTK_DES_TIME'); ?>
								<?php if($mobile == 'phone'): ?><?php echo languageDecode('21ST_OTK_DES_TO_MIDNIGHT'); ?><?php endif; ?>
								</div>
								<div class="<?php if($mobile == 'tablet') echo "fourcol";else echo "fivecol"; ?> last">
									<?php if($mobile != 'phone'): ?>
										<?php echo languageDecode('21ST_OTK_IMG_WHERE') ?>
									<?php endif; ?>
								</div>
							</div>
							
							<div class="dotted"></div>
							
							<div class="<?php echo languageDecode('21ST_OTK_CLASS_F'); ?>">
							<h1><?php echo languageDecode('21ST_OTK_WHERE') ?></h1></div>
							<div class="<?php echo languageDecode('21ST_OTK_CLASS_L'); ?> last">
								<?php echo languageDecode('21ST_OTK_DES_WHERE') ?>
							</div>
							
								<?php echo languageDecode('21ST_OTK_DES_WHERE_IMG') ?>
							
						</div><!-- end div.tencol-->
						<div class="onecol"></div>
					</div><!--end div.eightcol-->
					<div class="twocol"></div>
				</div>
			</div>
			<!-- End div.page2 -->
			<?php if($mobile == 'computer'): ?>
			<div class="container logo-container">
				<div class="row" style="overflow:inherit;">
					<div class="onecol"></div>
					<div class="elevencol">
						<div style="margin-right:0px;margin-left:126px;" class="fourcol bnlogo">
							<a href="http://windsorplazahotel.com" target="_blank"><img src="./images/bannerwph.png" /></a>
							<a href="http://oktoberfestvietnam.com" target="_blank"><img src="./images/OkLogo.png" /></a>
							<a href="http://gba-vietnam.org/" target="_bank"><img src="./images/banergpalogo.png" /></a>
						</div>
						<div class="sevencol last">
							<a href=""><img src="./images/logo_banner_okto.png" /></a>
							<img src="./images/logo_banner_okto_02.png" />
							<div id="face">
								<div class="fb-like" data-href="https://www.facebook.com/Vietnam.Oktoberfest" data-send="false" data-width="450" data-show-faces="false"></div>
							</div>
						</div>
					</div><!-- end div.tencol-->
					
				</div>
			</div>
			<?php endif; ?>
			<div id="page3" class="container page3">
				
				<div class="row" style="min-height: 65px;"></div>
				<div class="row">
					<div class="sixcol">
						<div class="threecol"></div>
						<div class="ninecol last txt_page3">
							<h1><?php echo languageDecode('21ST_OTK_DES_WHERE_ORG') ?></h1><br/>
							<h3><?php echo languageDecode('21ST_OTK_DES_WHERE_ORG_WINDSOR') ?></h3>
							<?php echo languageDecode('21ST_OTK_DES_WHERE_ORG_WINDSOR_DES') ?>
							<br>
							
							<h3><?php echo languageDecode('21ST_OTK_DES_WHERE_ORG_GERMAN') ?></h3>

								<?php echo languageDecode('21ST_OTK_DES_WHERE_ORG_GERMAN_DES') ?>
							<br>
						</div>
						
					</div>
					<div class="sixcol last">
						<div style="" id="beer"><!--<img src="./images/beer_01.png" />--></div>
					</div>
				</div>
			</div>
			<!-- End div.page3 -->
			<div class="container page3" id="page4">
			
				<div class="row" style="padding-top: 100px;">
					<div class="elevencol">
						<div class="fivecol" id="f_cogai">
							<img width="85%" id="cogai" src="./images/l_page10.png" />
						</div>
						<div class="twocol">
							<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT') ?>
						</div>
						<div class="fivecol last" id="r_click">
							<div class="twelvecol last">
								<div id="imgOne" class="sixcol" style="min-height: 150px;">
									<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGONE_CLICK');?>
								</div>
								<div id="imgTwo" class="sixcol last" style="min-height: 150px;">
									<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGTWO_CLICK');?>
								</div>
							
								<div id="imgThree" class="sixcol" style="min-height: 150px;margin-top:5px;">
									<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGTHREE_CLICK');?>
								</div>
								<div id="imgFour" class="sixcol last" style="min-height: 150px;margin-top:5px;">
									<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGFOUR_CLICK');?>
								</div>
							</div>
							<?php //echo languageDecode('21ST_OTK_CHECK_IT_OUT_CLICK') ?>
						</div>
					</div>
					<div class="onecol last"></div>
				</div>
				
			</div><!-- end div.container-->
			<div id="page5" class="container page5">
				<div class="row">
					<div class="twelvecol last"></div>
				</div>
				<div class="row">
					<div class="twelvecol last">
						<div class="twocol"></div>
							<div class="eightcol">
							<div id="text_download">
								
								<?php echo languageDecode('21ST_OTK_CLICK_TO_DOWNLOAD') ?>
							</div>
							
							<?php echo languageDecode('21ST_OTK_CLICK_TO_DOWNLOAD_IMG') ?>
						</div>
						<div class="twocol last"></div>
						<div class="twocol"></div>
						<h1 class="eightcol last" id="diamon">
							<?php echo languageDecode('21ST_OTK_SPONSOR') ?></h1>
						<div style="" class="twelvecol last content_page5 content_diamon">
							<?php echo languageDecode('21ST_OTK_SPONSOR_IMG') ?>
							<?php if($mobile == 'computer'): ?>
							<div class="twelvecol">
								<div class="threecol"><a href="#"></a></div>
								
								<div class="ninecol last">

											<?php echo languageDecode('21ST_OTK_CLASS_BOOKNOW_DIAMOND'); echo languageDecode('21ST_OTK_SPONSOR_DIAMOND'); ?>

											<?php echo languageDecode('21ST_OTK_CLASS_BOOKNOW_PLATINUM');echo languageDecode('21ST_OTK_SPONSOR_PLATINUM'); ?>

										<a class="link book" id="gold" href="#page6">
											<?php echo languageDecode('21ST_OTK_SPONSOR_GOLD') ?></a>
									
								</div>
							</div>
						  <?php endif; ?>	
						</div>
						
						<div class="twocol"></div>
						<h1 class="eightcol last" id="media">
							<?php echo languageDecode('21ST_OTK_MEDIA_PLACEMENTS') ?></h1>
						<div style="" class="twelvecol last content_page5 content_media">
							
							<?php echo languageDecode('21ST_OTK_MEDIA_PLACEMENTS_IMG') ?>
						</div>
					</div>
				</div>
			</div>
			<!-- End div.page5 -->
		
			<div id="page6" class="container page6">
				<div class="row page6_head"><div class="twelvecol"></div></div>
				<div class="row">
					<div class="twocol"></div>
					<div class="eightcol">
						<?php echo languageDecode('21ST_OTK_FORM_DES') ?><br/>
					</div>
					<div class="twocol last"></div>
				</div>
				<div class="row">
					<div class="threecol lt">
						
					</div>
					
					<div class="sixcol">
						<form id="frm" method="POST" action="mail.php" name="frm" data-ajax="false">
						<?php if($mobile == 'computer' || $mobile ==  'tablet'): ?>
							<div class="fourcol">
								<table style="width: 100%;">
										<tr>
											<td><input checked="checked" class="rspon_dia" type="radio" data-role="none" name="typesponsor" value="Diamond Sponsor"> 
												 
												<label id="l_diamond"><?php echo languageDecode('21ST_OTK_FORM_DIAMOND') ?></label>
											</td>
										</tr>
								</table>			
							</div>
							<div class="fourcol">
								<table style="width: 100%;">
										<tr>
											<td><input class="rspon_plati"  type="radio" data-role="none" name="typesponsor" value="Platinum Sponsor"> 
												<label id="l_platinum"><?php echo languageDecode('21ST_OTK_FORM_PLATINUM') ?></label></td>
										</tr>
								</table>			
							</div>
							
							<div class="fourcol last">
								<table style="width: 100%;">
										<tr>
											<td><input class="rspon_gold" type="radio" data-role="none" name="typesponsor" value="Gold Sponsor"> 
												<label id="l_gold"><?php echo languageDecode('21ST_OTK_FORM_GOLD') ?></label></td>
										</tr>
								</table>			
							</div>
						<?php else: ?>
							<div data-role="fieldcontain">
								<fieldset data-role="controlgroup">
									<input class="rspon_dia" type="radio" name="typesponsor" id="radio-choice-21" value="Diamond sponsor"/>
									
								<label id="l_diamond" for="radio-choice-1">
										<?php echo languageDecode('21ST_OTK_FORM_DIAMOND') ?></label><br><br>
								<input class="rspon_plati" type="radio" name="typesponsor" id="radio-choice-22" value="Platinum sponsor" />
								
								<label id="l_platinum" for="radio-choice-2">
										<?php echo languageDecode('21ST_OTK_FORM_PLATINUM') ?></label><br><br>
								<input class="rspon_gold" type="radio" name="typesponsor" id="radio-choice-23" value="Gold sponsor" />
									
								<label id="l_gold" for="radio-choice-3">
										<?php echo languageDecode('21ST_OTK_FORM_PLATINUM') ?></label>
							</fieldset>
							</div>
						<?php endif; ?>
						
						
						<div class="twelvecol">
							<table style="width: 100%;">
									<tr>
										<td><font class="title">
											<?php echo languageDecode('21ST_OTK_FORM_COMPANY_NAME') ?>
											</font>
										</td>
									</tr>
									<tr>
										<td><input name="company" style="width: 100%;" type="text" class="txt required" /> </td>
									</tr>
									<tr>
										<td><font class="title">
											
											<?php echo languageDecode('21ST_OTK_FORM_CONTACT_NAME') ?>
											</font></td>
									</tr>
									<tr>
										<td><input name="contactname" style="width: 100%;" type="text" class="txt required" /></td>
									</tr>
							</table>		
						</div>
						<div class="sixcol">
							<table width="100%">
								<tr>
									<td>
										<?php echo languageDecode('21ST_OTK_FORM_TITLE') ?>
									</td>
								</tr>
								<tr>
									<td><input style="width: 100%;" class="txt required" type="text" name="title" id="" /> </td>
								</tr>
								<tr>
									<td>
										<?php echo languageDecode('21ST_OTK_FORM_TELEPHONE') ?>
									</td>
								</tr>
								<tr>
									<td><input style="width: 100%;" class="txt required number" type="text" name="tel" id="" /></td>
								</tr>
								<tr>
									<td>
										<?php echo languageDecode('21ST_OTK_FORM_FAX') ?>
									</td>
								</tr>
								<tr>
									<td><input style="width: 100%;" class="txt" type="text" name="fax" id="" /></td>
								</tr>
								
							</table>
						</div>
						<div class="sixcol last">
							<table width="100%">
								<tr>
									<td>
										<?php echo languageDecode('21ST_OTK_FORM_ADDRESS') ?>
									</td>
								</tr>
								<tr>
									<td><input style="width: 100%;" class="txt required" type="text" name="address" id="" /> </td>
								</tr>
								<tr>
									<td><?php echo languageDecode('21ST_OTK_FORM_MOBILE') ?></td>
								</tr>
								<tr>
									<td><input style="width: 100%;" class="txt required number" type="text" name="mobile" id="" /></td>
								</tr>
								<tr>
									<td>
										<?php echo languageDecode('21ST_OTK_FORM_EMAIL') ?>
									</td>
								</tr>
								<tr>
									<td><input style="width: 100%;" class="txt email required" type="text" name="email" id="" /></td>
								</tr>
								
							</table>
						</div>
						<div class="sixcol">
							<table>
								<tr>
									<td align="left">
									<input type="hidden" name="lang" value="<?php echo $lang;?>" />
									<input id="submit" type="submit" class="button <?php echo languageDecode('CLASS_SUBMIT') ?>" name="submit" value="" />
									</td>
								</tr>
							</table>
						</div>
						</form>
					</div>
					<div class="threecol last">
						
					</div>
				</div>
			</div>
			<!-- End div.page7 -->
		
			<div id="page7" class="container page7">
				<div class="row">
					<div class="twocol"></div>
					<div class="eightcol">
						<!-- pc -->
						<?php if($mobile == 'computer'): ?>
						<div id="slideshow" class="flexslider">
							<ul class="slides">
								<li><img alt="project" src="images/fun1.jpg" class="roid"/>
									<p class="flex-caption">Oktoberfest Vietnam</p>
								</li>
								<li>
									<img alt="project" src="images/fun2.jpg" class="roid"/>
									<p class="flex-caption">Oktoberfest Vietnam</p>
								</li>
								<li>
									<img alt="project" src="images/fun3.jpg" class="roid"/>
									<p class="flex-caption">Oktoberfest Vietnam</p>
								</li>
								<li>
									<img alt="project" src="images/fun4.jpg" class="roid"/>
									<p class="flex-caption">Oktoberfest Vietnam</p>
								</li>
								<li>
									<img alt="project" src="images/fun5.jpg" class="roid"/>
									<p class="flex-caption">Oktoberfest Vietnam</p>
								</li>
							</ul>
							<div class="polaroid" style="width: 94%;">
								<img class="roid two" src="images/fun1.jpg" alt="project">
								<img class="roid three" src="images/fun2r.jpg" alt="project">
								<!--<img class="roid four" src="images/fun3.jpg" alt="project">
								<img class="roid" src="images/fun4.jpg" alt="project">
								<img style="right: -41px;" class="roid" src="images/fun5.jpg" alt="project">-->
							</div>
						</div>
						<?php else: ?>
						<div class="flexslider">
				          <ul class="slides">
				            <li>
			  	    	    	<img src="images/fun1.jpg" />
			  	    		</li>
			  	    		<li>
			  	    	    	<img src="images/fun2.jpg" />
			  	    		</li>
			  	    		<li>
			  	    	    	<img src="images/fun3.jpg" />
			  	    		</li>
			  	    		<li>
			  	    	    	<img src="images/fun4.jpg" />
			  	    		</li>
			  	    		<li>
			  	    	    	<img src="images/fun5.jpg" />
			  	    		</li>
				          </ul>
				        </div>
        				<?php endif; ?>
						
					</div>
					<div class="twocol last"></div>
				</div>
			</div>
			<!-- End div.page6 -->
			<div class="container page9" id="page9">
				<div class="row">
					<div class="onecol"></div>
					<div class="elevencol floor_plan last">
						<?php if($mobile == 'computer'): ?>
							<div class="eightcol for-floor-plain-map">
								<div style="width:92%;z-index: 1;" id="foorplain">
									<img style="width:75%;" src="images/hinh.jpg" id="yourImageID" class="yourImageID" />
								</div>
							</div>
							<div class="fourcol last">
								<div id="r_page9" align="left" style="margin-left:-28px;min-width:100px; min-height:430px; padding:10px 10px 10px 0;">
									<h1 style="color:#540000;">
										<?php echo languageDecode('21ST_OTK_MAP_INTER') ?>
									</h1><br />
									<a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:100, y:120, zoom:250})" onClick="return false">
										
										<?php echo languageDecode('21ST_OTK_MAP_INTER_1') ?>
										</a><br /><br />
									<a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:190, y:90, zoom:280})" onClick="return false">
										<?php echo languageDecode('21ST_OTK_MAP_INTER_2') ?></a><br /><br />
									<a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:100, y:180, zoom:300})" onClick="return false">
										<?php echo languageDecode('21ST_OTK_MAP_INTER_3') ?></a><br /><br />
									<a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:200, y:180, zoom:350})" onClick="return false">
										<?php echo languageDecode('21ST_OTK_MAP_INTER_4') ?></a><br /><br />
	                                <a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:250, y:250, zoom:280})" onClick="return false">
	                                	<?php echo languageDecode('21ST_OTK_MAP_INTER_5') ?></a><br /><br />
									<a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:400, y:180, zoom:250})" onClick="return false">
										<?php echo languageDecode('21ST_OTK_MAP_INTER_6') ?></a><br /><br />
									<a href="#" onMouseDown="$('#yourImageID').smoothZoom('focusTo', {x:220, y:160, zoom:1})" onClick="return false">
										<?php echo languageDecode('21ST_OTK_MAP_INTER_R') ?></a>
								</div>
							</div>
						<?php else: ?>
							<a href="./images/hinh.jpg" target="_blank">
								<img style="z-index: 1;margin-top: 5px;width: 80%;" src="./images/hinh.jpg" />
							</a>
						<?php endif; ?>
					</div><!-- end div.tencol-->
					
				</div><!-- end div.row-->
			</div><!-- end div.container-->
			<div id="page8" class="container page8">
				<div class="row" style="height: 50px;">
					
				</div>
				<div class="row">
					<div class="onecol"></div>
					<div class="sevencol" style="height:400px;text-align: center;">
						<div class="fleft" id="map-canvas"></div> 
					</div>
					<div id="contact" class="fourcol last">
						<h1 id="titleContact" style="width: 100%;"><?php echo languageDecode('21ST_OTK_CONTACT_INFO') ?></h1>
						<?php echo languageDecode('21ST_OTK_CONTACT_INFO_CONT') ?>
						<br/>
						<p class="em">
							<a style="color:#432b18;text-decoration: none;" 
								href="mailto:info@oktoberfestvietnam.com">
								info@oktoberfestvietnam.com</a></p>
						<p class="tel">
							<a style="color:#432b18;text-decoration: none;" href="tel:+84838336688">
								(84.8) 3833 6688 x 2824</a><br/></p>
						<p class="fax">(84.8) 3833 6888<br/></p>
						<!-- <p class="mobi">
							<a style="color:#432b18;text-decoration: none;" href="tel:+84904909633">
								0904 909 633 </a><br /></p> -->
						<!--<img style="" src="./images/page8_right.png" />-->
					</div>
					
				</div>
			</div>
		
			<!-- End div.page6 -->
			<div class="container ft_8">
				<div class="row">
					<?php if($mobile == 'computer'): ?><div class="onecol"></div><?php endif;?>
					<div class="ninecol">
						<br/>
						<p class="footer-content" style="">
							<?php echo languageDecode('21ST_OTK_FOOTER_CONTENT'); ?>
							<?php if($mobile == 'tablet'): echo "<br/><br/>"; endif;?>
							<?php if($mobile != 'phone'):  echo languageDecode('21ST_OTK_FOOTER_CONTENT_REGISTER');  endif;?>
						<p>
						<?php if($mobile != 'computer'): echo "<br/>"; endif;?>
						<div class="copy-right" style="float: left; width: 42%; margin-top: 0px;">
							Copyright <sub style="font-size: 22px;">&copy;</sub> 2013 
							<a href="http://windsorplazahotel.com" target="_blank">Windsor Plaza Hotel</a>
							. <?php if($mobile == 'phone'): echo "<br/>"; endif;?> All Rights Reserved.</div>
						
						<a style="margin-left: 6px;text-decoration: none;color: #424242;" target="_blank" href="http://www.wmcvietnam.com"><img border="0" style="margin-top:5px;" src="./images/wmc-group.png"></a>
							
					</div>
					<div class="twocol last share_social" style="margin-top: 25px;float:right">
						<a target="_blank" href="http://www.facebook.com/Vietnam.Oktoberfest"><img src="./images/fb.png" /></a>
						<a target="_blank" href="http://www.youtube.com/user/Oktoberfestvietnam"><img style="margin-left: 6px;margin-right: 6px;" src="./images/yu.png" /></a>
						
						<div style="min-height: 20px;"></div>
					</div>
				</div>
			</div>
			
			<!--start background color footer-->
			<div style="background-image: url('./images/bg_f_color.jpg');width: 100%;height: 25px;"></div>
			<!-- end background color footer -->
			
			</div>
			<?php if($mobile != 'computer'): ?>
			<div data-role="panel" id="defaultpanel" data-position-fixed="false" data-display="reveal" data-position="left" data-theme="b">
		      <div class="panel-content">
		        <ul>
		        	<li><a data-rel="close" class="linkAbout" href="#page2">
		        		<?php echo languageDecode('MENU_ABOUT') ?></a></li>
					<li><a data-rel="close" class="link to-banner" href="#page3">
						<?php echo languageDecode('MENU_EVENT_INFORMATION') ?></a>
					<!-- <li class="level2"><a data-rel="close" class="link to-banner" href="#page4"> -->
						<?php //echo languageDecode('MENU_EVENT_INFORMATION') ?><!-- </a></li> -->
					<!-- <li class="level2"><a data-rel="close" class="link to-banner" href="#page4"> -->
						<?php //echo languageDecode('MENU_EVENT_INFORMATION') ?><!-- </a></li> -->
					<li><a data-rel="close" class="link to-banner" href="#page5">
						<?php echo languageDecode('MENU_SPONSORSHIP') ?></a></li>
					<li><a data-rel="close" class="link to-banner" href="#page7">
						<?php echo languageDecode('MENU_GALLERY') ?></a></li>
					<li><a data-rel="close" class="link to-banner" href="#page8">
						<?php echo languageDecode('MENU_CONTACT') ?></a></li>
					<li><a data-rel="close" class="link to-banner" href="#page6">
						<?php echo languageDecode('MENU_BECOME_A_SPONSOR') ?></a></li>	
				</ul>
		      </div><!-- /content wrapper for padding -->
			</div>
			<?php endif; ?>
	</div>
	
		
	<!-- The JavaScript -->	
	<script src="js/jquery.smoothzoom.js"></script>	
	
	<?php if($mobile == 'computer'): ?>
	<script type="text/javascript" src="js/computer.js"></script>
	<?php endif;?>
	<?php if($mobile == 'tablet'): ?>
	<script type="text/javascript" src="js/tablet.js"></script>
	<?php endif;?>
	<?php if($mobile == 'phone'): ?>
	<script type="text/javascript" src="js/mobile.js"></script>
	<?php endif;?>
	
	<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
	<script type="text/javascript" src="js/queryLoader.js"></script>		
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.easing.compatibility.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
	
	<script type="text/javascript">
		
		$("#imgOne").bind('click',function(e){
			if($(this).hasClass('clicked')){
				$(this).removeClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGONE_CLICK');?>");
			}
			else {
				$(this).addClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGONE_CLICKED');?>");
			}
		});
		
		$("#imgTwo").bind('click',function(e){
			if($(this).hasClass('clicked')){
				$(this).removeClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGTWO_CLICK');?>");
			}
			else {
				$(this).addClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGTWO_CLICKED');?>");
			}
		});
		$("#imgThree").bind('click',function(e){
			if($(this).hasClass('clicked')){
				$(this).removeClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGTHREE_CLICK');?>");
			}
			else {
				$(this).addClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGTHREE_CLICKED');?>");
			}
		});
		$("#imgFour").bind('click',function(e){
			if($(this).hasClass('clicked')){
				$(this).removeClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGFOUR_CLICK');?>");
			}
			else {
				$(this).addClass("clicked");
				$(this).html("<?php echo languageDecode('21ST_OTK_CHECK_IT_OUT_IMGFOUR_CLICKED');?>");
			}
		});
		jQuery.extend(jQuery.validator.messages, {
		    required:"This field is required.",
		    equalTo:"Password fields do not match.",
		    email:"Please enter a valid email.",	
		});
			
		<?php if($mobile == 'computer'): ?>
			QueryLoader.init();
		<?php else: ?>
			$(window).load(function(){
		      $('.flexslider').flexslider({
		        animation: "slide",
		        start: function(slider){
		          $('body').removeClass('loading');
		        }
		      });
		    });
		<?php endif; ?>
	</script>
	</body>
</html>